<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <script type="text/javascript" src="./jquery-1.11.0.js"></script>
    <title></title>
</head>
<body>
    <script>
        /*document.addEventListener("touchmove",function(e){
            *//*
            *//*
            var p=e.touches[0];
            console.log("move:" + p.clientX+","+p.clientY);
        });*/
    </script>

    <style type="text/css">
        html,body{
            margin:0;
            padding:0;
            width:100%;
            height:100%;
        }
        .touch{
            width:100%;
            height:200px;
            background: lightcyan;
            overflow: auto;
        }
        .touch .scroll{
            width:2000px;
            height:2000px;
        }
    </style>
    <div class="touch">
        <div class="scroll">
        </div>
    </div>
    <pre id="console" style="display:block;width:300px;height:500px;overflow:auto;">
    </pre>
    <script type="text/javascript">
        document.addEventListener("touchstart",function(e){
            e.preventDefault();
        });
        window.addEventListener('DOMContentLoaded',function(e){
            var moveNum = 0;
            document.addEventListener('touchmove',function(){
                console.log('document:touchmove');
            });
            document.querySelector('.scroll').addEventListener('touchstart',function(){
                moveNum = 0;
                //console.log('scroll:touchstart');
            });
            document.querySelector('.scroll').addEventListener('click',function(){
                //console.log('scroll:click');
            });
            document.querySelector('.scroll').addEventListener('touchmove',function(){
                moveNum++;
                //console.log('scroll:touchmove');
            });
            document.querySelector('.scroll').addEventListener('touchend',function(){
                 //console.log('scroll:touchend');
            });
        });
    </script>
</body>
</html>